import styled from 'styled-components'

const BuyWrapper=styled.div`
    height:100%;
    /* overflow:hidden; */
    h1{
        position: sticky;
        top: 0;
        display: block;
        z-index:999;
        height:.44rem;
        line-height:.44rem;
        font-size: .16rem;
        font-weight: normal;
        text-align: center;
        background-color: #F8F8F8;
       
    }
`


const SwiperWrapper=styled.div`
    /* height: ${window.innerWidth * 0.666667}px; */
  /* height: 66.66667vw; */
  height: 0;
  padding-bottom: 33.33333%;
`
const PathWrapper=styled.div`
    padding: .15rem .1rem;
   
    ul{
        display: flex;
        justify-content: space-between;
        li{
            font-size: .14rem;
            line-height: 1;
            background-color: white;
            img{
                width: .2rem;
                height: .2rem;
            }
        }
    }
`
const RecommendWrapper=styled.div`
 .line{
        width: 100%;
        background-color: #F5F5F9;
        height: .1rem;
    }
    height: 100%;
    overflow-y:scroll;
    .sc-hKFxyN{
        height: 100&;
    }
`
export{
    BuyWrapper,
    SwiperWrapper,
    PathWrapper,
    RecommendWrapper
}